import { Tag, Card } from 'antd';
import classNames from 'classnames';
// import { Tag as Tag3 } from 'antd-v3';
export default function V3AndV4() {
  const cls = classNames('c1', 'c2', { c3: true, c4: false, c5: false, c6: true });
  console.log(cls);
  return (
    <Card title="antd3 和 antd4同时使用测试" className={cls}>
      <div
        style={{
          backgroundColor: '#eee',
          padding: 10,
          display: 'flex',
        }}
      >
        <div>
          请自行放开<code>ui</code>代码，因为垃圾的 antd 会报“非DOM属性”的错误警告！！
        </div>
        {/* <Tag3
          closable
          onClose={() => {
            console.log('onClose v3');
          }}
          afterClose={() => {
            console.log('afterClose v3');
          }}
        >
          Prevent Default
        </Tag3> */}
        <div style={{ width: 20 }}></div>
        {/* <Tag
          closable
          onClose={() => {
            console.log('onClose v');
          }}
          afterClose={() => {
            console.log('afterClose v');
          }}
        >
          Prevent Default
        </Tag> */}
      </div>
    </Card>
  );
}
